<template>
    <div class="thirdC">
<p class="thirdTitle">
    
      More than 2.9 million businesses and organizations use GitHub
    
</p>
<ul class="thirdimg">
    <li class="thirdimg1">
        <img src="../../Github.images/logo-01.png" alt="" class="thirdLogo">
    </li>
     <li class="thirdimg1">
        <img src="../../Github.images/logo-02.png" alt="" class="thirdLogo">
    </li>
     <li class="thirdimg1">
        <img src="../../Github.images/logo-03.png" alt="" class="thirdLogo">
    </li>
     <li class="thirdimg1">
        <img src="../../Github.images/logo-04.png" alt="" class="thirdLogo">
    </li>
     <li class="thirdimg1">
        <img src="../../Github.images/logo-05.png" alt="" class="thirdLogo">
    </li>
    <!-- 2 -->
     <li class="thirdimg2">
        <img src="../../Github.images/logo-06.png" alt="" class="thirdLogo">
    </li>
     <li class="thirdimg2">
        <img src="../../Github.images/logo-07.png" alt="" class="thirdLogo">
    </li>
     <li class="thirdimg2">
        <img src="../../Github.images/logo-08.png" alt="" class="thirdLogo">
    </li>
     <li class="thirdimg2">
        <img src="../../Github.images/logo-09.png" alt="" class="thirdLogo">
    </li>
     <li class="thirdimg2">
        <img src="../../Github.images/logo-10.png" alt="" class="thirdLogo">
    </li>
     <li class="thirdimg2">
        <img src="../../Github.images/logo-11.png" alt="" class="thirdLogo">
    </li>
    <li class="thirdimg2">
        <img src="../../Github.images/logo-12.png" alt="" class="thirdLogo">
    </li>
    
</ul>
    </div>
</template>
<style scoped>
.thirdC{
    width: 980px;
    height: 260px;
    margin: 0 auto;
  
    margin-top: 120px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.thirdTitle{
 font-size: 20px;
 color: #6a7385;

}
.thirdimg1{
     display: inline-block;
 width: 16%;
text-align: center;
}
.thirdimg{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}
.thirdLogo{
    width: auto;
    height: 25px;
    filter: grayscale(100%);
}
.thirdimg2{
     display: inline-block;
 width:16%;
text-align: center;
}
</style>